Cloudflare Pages にカスタムドメインを設定する

#cloudflare #cloudflaredns #dns

ダッシュボードから Workers & Pages を選択
カスタムドメインを設定したいプロジェクトを選択する
Custom Domains のタブから設定を開始する

設定したいカスタムドメインを入力して Continue

今回は Cloudflare DNS を利用する
Begin DNS transfer を選択

作成済みのドメインを入力して Continue
尚、ドメイン自体はお名前.com で作成した

Free を選択して Continue

DNS の設定を追加する
サブドメインとして運用したかったので CNAME の設定を追加して Save しつつ Continue to activation

以下の Update your nameservers の 2項目をコピーする

お名前.com の管理画面でコピーした値を貼り付ける

再び Cloudflare のダッシュボードで Continue すると検証が始まり、検証時には 5分程度で設定が有効化された

再度、Workers & Pages -> Custom domains より設定したいドメインを入力し Active domain を選択

成功すると以下の様に有効になり設定したドメイン経由で Cloudflare Pages にアクセスできるようになる(体感は 2,3 分で設定が完了した)